<template>
  <div class="index">
    <div class="index-left">
      <div class="index-left-one">
        <XTHComponent1 />
      </div>
      <div class="index-left-two">
        <XTHComponent2 />
      </div>
    </div>
    <div class="index-center">
      <ZWJComponent1 />
      <h4>Airbnb民宿数据分析</h4>
    </div>
    <div class="index-right">
      <div class="index-right-one">
        <HZJComponenet />
      </div>
      <div class="index-right-two">
        <ZWJComponent2 />
      </div>
    </div>
  </div>
  <div class="bottom">
    <div class="index-left-three">
      <CZHComponent1 />
    </div>
    <div class="index-right-three">
      <CZHComponent2 />
    </div>
  </div>
</template>

<script setup>
import XTHComponent1 from "./components/XTHComponent1.vue";
import XTHComponent2 from "./components/XTHComponent2.vue";
import CZHComponent1 from "./components/CZHComponent1.vue";
import CZHComponent2 from "./components/CZHComponent2.vue";
import ZWJComponent1 from "./components/ZWJComponent1.vue";
import ZWJComponent2 from "./components/ZWJComponent2.vue";
import HZJComponenet from "./components/HZJComponent.vue";
</script>

<style scoped></style>
